<template>
  <div class='my-page'>
    <h1>table 封装</h1>
    <common-table :tableConfig="tableConfig"></common-table>
  </div>
</template>

<script>
import CommonTable from '@/components/commonTable'

export default {
  // import引入的组件需要注入到对象中才能使用
  components: {
    CommonTable
  },
  data () {
    // 这里存放数据
    return {
      tableConfig: {
        url: 'xxx',
        params: {
          token: 'abc'
        },
        columns: [
          { label: '姓名', prop: 'name' },
          { label: '年龄', prop: 'age' },
          { label: '地址', prop: 'address' },
          { label: '工作', prop: 'job' },
          { label: '城市', prop: 'city' },
          { label: '操作', type: 'tools', btns: [
            { label: '提交', clickFn: this.clickBtn }]
          }
        ]
      }
    }
  },
  created () {

  },
  // 生命周期 - 挂载完成（可以访问DOM元素）
  mounted () {

  },
  // 方法集合
  methods: {
    clickBtn () {
      this.$message.success('提交成功')
    }
  }
}
</script>

<style lang='less' scoped>
 .my-page {

 }
</style>
